<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta http-equiv="X-UA-Compatible" content="IE=edge">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title></title>
  <link rel="stylesheet" href="./css/common.css">
  <link rel="stylesheet" href="./css/cate.css">
</head>

<body>
  <div class="container">
    <div class="header">
      <div class="lt"></div>
      <div class="ct">分类</div>
      <div class="rt"></div>
    </div>
    <div class="search">
      <a href="./search.html" class="input">
        <img class="icon" />
        <span class="txt">商品搜索, 共xxx款好物</span>
      </a>
    </div>
    <div class="catalog">
      <div class="nav" scroll-y="true"></div>
      <div class="cate" scroll-y="true">
        <div class="pic"></div>
        <div class="hd">

        </div>
        <div class="bd" style="display: none;">
          <!-- <a href="./category.html" class="item">
            <img class="icon" src="./static/demo/idx-brand.jpg" />
            <span class="txt">子分类1</span>
          </a>
          <a href="./category.html" class="item">
            <img class="icon" src="./static/demo/idx-brand.jpg" />
            <span class="txt">子分类2</span>
          </a>
          <a href="./category.html" class="item last">
            <img class="icon" src="./static/demo/idx-brand.jpg" />
            <span class="txt">子分类3</span>
          </a> -->
        </div>
      </div>
    </div>
    <!-- 底部TabBar区域 -->
    <div class="tab-bar">
      <a href="index.html">
        <img src="./static/images/ic_menu_choice_nor.png" alt="">
        <!-- <img src="./static/images/ic_menu_choice_pressed.png" alt=""> -->
        <span>首页</span>
      </a>
      <a href="topic.html">
        <img src="./static/images/ic_menu_topic_nor.png" alt="">
        <!-- <img src="./static/images/ic_menu_topic_pressed.png" alt=""> -->
        <span>专题</span>
      </a>
      <a href="cate.html" class="active">
        <!-- <img src="./static/images/ic_menu_sort_nor.png" alt=""> -->
        <img src="./static/images/ic_menu_sort_pressed.png" alt="">
        <span>分类</span>
      </a>
      <a href="cart.html">
        <img src="./static/images/ic_menu_shoping_nor.png" alt="">
        <!-- <img src="./static/images/ic_menu_shoping_pressed.png" alt=""> -->
        <span>购物车</span>
      </a>
      <a href="user.html">
        <img src="./static/images/ic_menu_me_nor.png" alt="">
        <!-- <img src="./static/images/ic_menu_me_pressed.png" alt=""> -->
        <span>我的</span>
      </a>
    </div>
  </div>
  <script src="./ilb/jquery.js"></script>
  <script src="./ilb/template-web.js"></script>
  <script src="./ilb/baseApi.js"></script>

  <script type="text/html" id="goods_name">
    {{each categoryList}}
    <div class="item" index="{{$index}}" id="{{$value.id}}" >{{$value.name}}</div>
    {{/each}}
</script>

  <script type="text/html" id="goods_title">
  {{each categoryList}}
  <a href="url" class="banner"  index="{{$index}}">
    <img class="image" src="{{$value.wap_banner_url}}" />
    <div class="txt">{{$value.front_desc}}</div>
  </a> 
  {{/each}}
  </script>
  <script type="text/html" id="goods_titleName">
    <span class="line"></span>
    {{each categoryList}}
  <span class="txt_name" style="display: none;" index={{$index}} >{{$value.name}}</span>
    {{/each}}
    <span class="line"></span>
  </script>
  <script type="text/html" id="goods_item_pic">
    {{each subCategoryList}}
    
  <a href="/category.html?={{$value.id}}" class="item" id="{{$value.id}}" >
    <img class="icon" src="{{$value.wap_banner_url}}" />
    <span class="txt">{{$value.name}}</span>
  </a>
  {{/each}}
</script>
  <script src="/ilb/js/cate.js"></script>
  <script>
  </script>
</body>

</html>